<template>
  <el-tabs type="border-card" v-model="activeName" @tab-change="changTab">
    <el-tab-pane name="all" label="所有设备"></el-tab-pane>
    <el-tab-pane name="LoRaWAN" label="LoRaWAN"></el-tab-pane>
    <el-tab-pane name="NB-loT" label="NB-loT"></el-tab-pane>
    <el-tab-pane name="4G/2G" label="4G/2G"></el-tab-pane>
    <el-tab-pane name="LoRaPP" label="LoRaPP"></el-tab-pane>
  </el-tabs>
</template>

<script setup>
import { ref } from "vue";
const activeName = ref("all");

const emit = defineEmits(["chang-tab"]);
const changTab = (num) => {
  console.log("num", num);
  emit("chang-tab", num);
};
</script>
